<template>
    <div>
        <h1>Share</h1>
        <el-button @click="add" >
            {{count}}
        </el-button>
        <el-button @click="addAsync" >
            asyncAdd: {{count}}
        </el-button>
        <p>{{isLogin}}</p>
        <p>
            {{ money }}
        </p>
    </div>
</template>

<script>

import { mapState, mapGetters, mapMutations, mapActions  } from 'vuex'
    export default {

        computed: {
            ...mapState(['count', 'isLogin']),
            ...mapGetters(['money'])
        },

        methods: {
            ...mapMutations(['add']),
            ...mapActions(['addAsync']),
        },
    }
</script>

<style lang="scss" scoped>

</style>